.cell {
display:table-cell;
width:50px !important;
height:50px !important;
text-align:center;
font-size:1em;
background-repeat:no-repeat;
background-position:center;
}

#board {
border: 1px solid grey;
width:400;
}

.row {

}

#error {
position:absolute;
top:190px;
left:160px;
background-color:white;
padding:4px;
border:2px dashed red;
display:none;
width:100px;
text-align:center;
}

.selected {
/*border-color:red;*/
background-color:red !important;
}

.black {
background-color:#AAA;
color:white;
}
.blackpawn {
background-image: url("images/black-pawn.png");
}
.blackbishop {
background-image:url("images/black-bishop.png");
}
.blackrook {
background-image: url("images/black-rook.png");
}
.blackknight {
background-image: url("images/black-knight.png");
}
.blackqueen {
background-image: url("images/black-queen.png");
}
.blackking {
background-image: url("images/black-king.png");
}
.whitebishop {
background-image:url("images/white-bishop.png");
}
.whiterook {
background-image: url("images/white-rook.png");
}
.whiteknight {
background-image: url("images/white-knight.png");
}
.whitequeen {
background-image: url("images/white-queen.png");
}
.whiteking {
background-image: url("images/white-king.png");
}
.whitepawn {
background-image: url("images/white-pawn.png");
}

.hovered {
background-color:blue;
}